<template>
	<view class="container">
		<view style="width: 100%;height: 5vh;"></view>
		<!-- 图片 -->
		<view style="width: 70%;height: 40vh;text-align: center;margin: 0 auto;">
			<view style="width: 50%;height: 100%;float: left;">
				<view style="width: 93%;height: 40%;border-radius: 12px;">
					<image class="img1" src="../../static/huan1.png" mode=""></image>
				</view>
				<view style="width: 100%;height: 5%;">
					
				</view>
				<view style="width: 89%;height: 55%;border-radius: 12px;">
					<image class="img1" src="../../static/huan2.png" mode=""></image>
				</view>
			</view>
			<view style="width: 50%;height: 100%;float: right;">
				<view style="width: 90%;height: 55%;border-radius: 12px;float: right;">
					<image class="img1" src="../../static/huan3.png" mode=""></image>
				</view>
				<view style="width: 100%;height: 5%;float: right;">
					
				</view>
				<view style="width: 93%;height: 40%;border-radius: 12px;float: right;">
					<image class="img1" src="../../static/huan4.png" mode=""></image>
				</view>
			</view>
		</view>
		<view style="width: 100%;height: 5vh;"></view>
		<!-- 文本 -->
		<view style="width: 80%;height: 2vh;margin: 0 auto;text-align: center;">
			<span style="color: rgba(124, 109, 219, 1);font-size: 20px;line-height: 2vh;font-weight: 400;">欢迎来到~</span>
		</view>
		<view style="width: 100%;height: 3vh;"></view>
		<view style="width: 95%;height: 4vh;margin: 0 auto;text-align: center;">
			<span style="color: rgba(124, 109, 219, 1);font-size: 27px;line-height: 4vh;font-weight: 500;">属于您的 Liven 健身大家庭</span>
		</view>
		<view style="width: 100%;height: 15vh;"></view>
		<view @click="goIndex()" style="width: 65%;height: 6vh;border-radius: 99px;background: linear-gradient(223.47deg, rgba(146, 163, 253, 1) 0%, rgba(157, 206, 255, 1) 100%);margin: 0 auto;text-align: center;">
			<span style="font-size: 16px;font-weight: 700;color: rgba(255, 255, 255, 1);line-height: 6vh;">立即前往</span>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		}
		,
		methods: {
			goIndex () {
				uni.switchTab({
				  url: '/pages/index/index'
				})
			},
		}
	}
</script>

<style>
	/* 设置背景图片 */
	.container {
	  /* display: flex; */
	  justify-content: center;
	  align-items: center;
	  height: 100vh;
	  /* background: blue; */
	  /* background-image: url("https://img.js.design/assets/img/625aea28bd06c1a5e27ed094.png"); */
	  /* background-size: cover; */
	}
	.img1{
		width: 100%;
		height: 100%;
	}
</style>